
<!doctype html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=1280, user-scalable=yes">
    <title>湘聘行动</title>
    <script src="./vue_dist/vue@2.7.16.js"></script>
    <script src="./vue_dist/ele@2.15.14.js"></script>
    <script src="./utils/common.js"></script>
    <script src="./vue_dist/axios.min.js"></script>
    <link rel="stylesheet" href="./vue_dist/ele_index.css">
    <link rel="stylesheet" href="./css/base.css">
    <script src="./components/header.js"></script>
    <script src="./components/footer.js"></script>
    <script src="./components/pagination.js"></script>
    <link rel="stylesheet" href="./css/main.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div id="app" v-loading="loading">
    <!-- 头部导航 -->
    <div class="w-bg"> <com-header active-name="activity"></com-header></div>
        <!-- 大图展示 -->
        <div class="banner-all">
            <img src="./images/banner_01.png" alt="" srcset="">
        </div>
    <!-- 结果展示 -->
    <div class="activity-content margin-top30 w1300">
        <ul class="activity-list">
            <li v-for="(item,index) in activityList" :key="'ac-i-l-' + index" @click="handleInfo(item)">
                <div class="list-img">
                    <img :src="item.imgUrl" alt="">
                </div>
                <div class="list-text">
                    <h3>{{item.title}}</h3>
                    <p>举办单位：{{item.sponsor}}</p>
                    <p>承办单位：{{item.organizer}}</p>
                    <div class="list-text-time">活动时间：{{item.startTime}}</div>
                </div>
                <div class="ta-l-time">
                    <strong>{{item.time.split('-')[1]}} - {{item.time.split('-')[2]}}</strong>
                    <p>{{item.time.split('-')[0]}}</p>
                </div>
            </li>
        </ul>
    </div>
    <div class="page-pagination">
        <com-pagination v-show="total>0"
            layout="prev, pager, next"
            :total="total"
            :page.sync="queryParams.pageNum"
            :limit.sync="queryParams.pageSize"
            @pagination="initData"></com-pagination>
    </div>
    <!-- 底部 -->
    <div class="footer"> <com-footer></com-footer></div>
</div>
<!-- 引入数据方法vue -->
<script src="activity.js"></script>

</body>
</html>
